<template>
  <div>
    <HmAbc></HmAbc>
    <HmTest></HmTest>
    <button @click="btnClick">调用接口</button>
  </div>
</template>
<script>
// 1:组件套用组件    a:导入  b:注册  c:标签使用
// 2：使用插件    a:下载  b:导入   c:使用
import axios from 'axios'
import HmAbc from '@/components/HmAbc.vue'
import HmTest from '@/components/aaa/bbb/HmTest.vue'
export default {
  components: {
    HmAbc,
    HmTest
  },
  methods: {
    async btnClick () {
      const res = await axios({
        url: 'http://ajax-api.itheima.net/api/weather?city=%E4%B8%8A%E6%B5%B7'
      })
      console.log(res)
    }
  }
}
</script>
<style>
/* @注意点
     html@代表src
     js @代表src
     style@代表src    
             vue-cli 5.x版本的脚手架  @代表src   ~@代表src
                     5以前版本（4.x/3.x版本）  ~@代表src
*/
@import url('~@/assets/test.css');
</style>
